@import "tailwindcss";

html,
body,
#app {
  @apply w-full h-full;
  overscroll-behavior: none;
}

@theme {
  --color-sidebar: #fff;
  --color-pages: #f5f5f3;
  --color-rich-editor: #fff;
  --color-title-bar: #fff;
  --color-caret: unset;
  --color-bg-selection-richEditor: #b6d1f6;
  --color-bg-selection-richEditor-active: antiquewhite;
  --color-textColor-selection-richEditor: #000;
  --color-text-placeholder: #adb5bd;
  --shadow-paper: 0 1px 40px rgba(0, 0, 0, 0.04);
  --color-settings-sidebar-menu: #e8e9e9;
  --color-settings-sidebar-content: #f2f2f2;
  --color-settings-sidebar-menu-item-active: #d4d5d5;
  --color-icon: #000;
  --color-settings-sidebar-menu-item-text: #000;
  --color-settings-content-text: #000;
  --color-form: #fff;
  --color-document-list: #fff;
  --color-document-list-active: #f5f5f3;
  --color-border: #ebebeb;
  --color-UI-text: #000;

  /* AI Selection Bar */
  --color-ai-selection-bar: #fff;
  --shadow-ai-selection-bar: 0 0 10px rgba(0, 0, 0, 0.1);
  --color-ai-selection-bar-border: #e8e9e9;
  --color-ai-selection-bar-text: #000;

  /* AI Chat Input */
  --color-ai-chat-input-bg: #fff;
  --shadow-ai-chat-input: 0 1px 40px rgba(0, 0, 0, 0.04);
  --color-ai-chat-input-text: #000;
  --color-ai-chat-input-placeholder: #adb5bd;
  --color-ai-chat-input-loading-dots: #000;
  --shadow-ai-chat-input: 0 1px 40px rgba(0, 0, 0, 0.1);
  --color-ai-message: #000;
}
.dark {
  --color-sidebar: #444545;
  --color-pages: #121212;
  --color-rich-editor: #1a1a1a;
  --color-title-bar: #444545;
  --color-caret: #ffffff;
  --color-bg-selection-richEditor: #b6d1f6;
  --color-bg-selection-richEditor-active: antiquewhite;
  --color-textColor-selection-richEditor: #ffffff;
  --color-text-placeholder: #666666;
  --shadow-paper: 0 1px 40px rgba(0, 0, 0, 0.2);
  --color-settings-sidebar-menu: #2a2a2a;
  --color-settings-sidebar-content: #000000;
  --color-settings-sidebar-menu-item-active: #737373;
  --color-icon: #fff;
  --color-settings-sidebar-menu-item-text: #fff;
  --color-settings-content-text: #fff;
  --color-form: #262626;
  --color-document-list: #1a1a1a;
  --color-document-list-active: #262626;
  --color-border: #8c8c8c;
  --color-UI-text: #fff;

  /* AI Selection Bar */
  --color-ai-selection-bar: #262626;
  --shadow-ai-selection-bar: 0 0 10px rgba(0, 0, 0, 0.1);
  --color-ai-selection-bar-border: #2a2a2a;
  --color-ai-selection-bar-text: #fff;

  /* AI Chat Input */
  --color-ai-chat-input-bg: #262626;
  --shadow-ai-chat-input: 0 1px 40px rgba(0, 0, 0, 0.2);
  --color-ai-chat-input-text: #fff;
  --color-ai-chat-input-placeholder: #666666;
  --color-ai-chat-input-loading-dots: #fff;
  --shadow-ai-chat-input: 0 1px 40px rgba(0, 0, 0, 0.2);
  --color-ai-message: #fff;
}

.n-icon-slot {
  display: contents !important;
}
